<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Startseite Portal</title>
  <!-- css -->    
  <link rel="stylesheet" type="text/css" media="screen" href="/website/themes/default/css/screen.css"/>
  <!-- js --> 
</head>
<body>
  <!-- Header Section -->
  <div class="wrapper header">
    <div class="subwrapper">
      <div class="inner start">
        <div class="divLogo">Logospace</div>
	      <div class="divSlogan">Slogan Platzhalter</div>
	      <div class="divLangs">
	        <ul>
	          <li><a href="#">English</a></li>
	          <li><a href="#">Deutsch</a></li>
	          <li><a href="#">Franz&ouml;sisch</a></li>
	        </ul>
	      </div>
	      <div class="divSearch">
	       <input type="text" name="iptSearch" id="iptSearch" value="Suche"/>
	      </div>
      </div>
    </div>
  </div>
  <!-- Main Navigation Section -->
  <div class="wrapper nav">
    <div class="subwrapper">
      <div class="inner start">
        <ul>
	        <li><a href="/website/themes/default/templates/html/index.html">Home</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Unternehmen</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Produkt</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Dienstleistungen</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Sonstiges</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Aktuelles</a></li>
	        <li><a href="/website/themes/default/templates/html/overview.html">Kontakt</a></li>
	      </ul>
	      <div class="clear"></div>
      </div>
    </div>
  </div>
  <!-- Top Content Section -->
  <div class="wrapper top">
    <div class="subwrapper">
      <div class="inner start">
        <h1>Lorem ipsum dolor</h1>
        <div class="divImgRight"><img alt="Lorem ipsum dolor" title="Lorem ipsum dolor" src="/website/themes/default/images/tmp/blank220x.gif"/></div>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 
        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi
        s at vero et 
        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br/>
        <a href="#">Dies ist ein Link</a></p>
        <div class="clear"></div>
      </div>  
    </div>
  </div>
  <!-- Content Section -->
  <div class="wrapper content">
    <div class="subwrapper">
      <div class="inner start">
        <div class="col3 pright20">
          <h3>Unternehmen</h3>
          <div class="divTopPost">
            <h2><a href="#">Lorem ipsum dolor</a></h2>
            <div class="divImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank80x80.gif" alt="Blank 1" title="Blank 1"/></a></div>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
            magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
            lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <a href="#">Weiter lesen...</a>
          </div>          
          <div class="divListContainer">
            <h3>Weitere Themen</h3>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_1" title="Blank 1_1"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Weit hinter den Wortbergen</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_2" title="Blank 1_2"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Der Blindtext-Fall</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_3" title="Blank 1_3"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Wenn ich gross bin</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_4" title="Blank 1_4"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Lieber Onkel Reinhard - Brief an ein Idol</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_5" title="Blank 1_5"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Evolution des Wortes</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
          </div>          
        </div>
        <div class="col3 pright20">
          <h3>Produkt</h3>
          <div class="divTopPost">
            <h2><a href="#">Lorem ipsum dolor</a></h2>
            <div class="divImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank80x80.gif" alt="Blank 1" title="Blank 1"/></a></div>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
            magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
            lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <a href="#">Weiter lesen...</a>
          </div>          
          <div class="divListContainer">
            <h3>Weitere Themen</h3>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_1" title="Blank 1_1"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Weit hinter den Wortbergen</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_2" title="Blank 1_2"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Der Blindtext-Fall</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_3" title="Blank 1_3"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Wenn ich gross bin</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_4" title="Blank 1_4"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Lieber Onkel Reinhard - Brief an ein Idol</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_5" title="Blank 1_5"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Evolution des Wortes</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <div class="col3">
          <h3>Dienstleistungen</h3>
          <div class="divTopPost">
            <h2><a href="#">Lorem ipsum dolor</a></h2>
            <div class="divImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank80x80.gif" alt="Blank 1" title="Blank 1"/></a></div>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
            magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
            lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <a href="#">Weiter lesen...</a>
          </div>          
          <div class="divListContainer">
            <h3>Weitere Themen</h3>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_1" title="Blank 1_1"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Weit hinter den Wortbergen</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_2" title="Blank 1_2"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Der Blindtext-Fall</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_3" title="Blank 1_3"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Wenn ich gross bin</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_4" title="Blank 1_4"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Lieber Onkel Reinhard - Brief an ein Idol</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="divListItemImg">
              <div class="divListItemImgLeft"><a href="#"><img src="/website/themes/default/images/tmp/blank40x40.gif" alt="Blank 1_5" title="Blank 1_5"/></a></div>
              <div class="divListItemImgRight">
                <a href="#">Evolution des Wortes</a><br/>
                <span>Erstellt am</span> <span class="black">24.04.2009</span>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <div class="clear"></div>
      </div>  
    </div>
  </div>
  <!-- Footer Section -->
  <div class="wrapper footer">
    <div class="subwrapper">
      <div class="inner">
        <div class="divFooterLeft">&copy; 2009 Firmenname</div>
	      <div class="divFooterRight">
	        <ul>
	          <li><a href="#">Links</a></li>
	          <li><a href="#">Kontakt</a></li>
	          <li><a href="#">Impressum</a></li>
	        </ul>
	      </div>
	      <div class="clear"></div>
      </div>      
    </div>
  </div>
  
  <!-- Grid 12 -->
  <div id="divGrid12" style="display:none;">
    <div class="grid" style="left:0;">&nbsp;</div>
    <div class="grid" style="left:80px;">&nbsp;</div>
    <div class="grid" style="left:160px;">&nbsp;</div>
    <div class="grid" style="left:240px;;">&nbsp;</div>
    <div class="grid" style="left:320px;;">&nbsp;</div>
    <div class="grid" style="left:400px;">&nbsp;</div>
    <div class="grid" style="left:480px;">&nbsp;</div>
    <div class="grid" style="left:560px;">&nbsp;</div>
    <div class="grid" style="left:640px;">&nbsp;</div>
    <div class="grid" style="left:720px;">&nbsp;</div>
    <div class="grid" style="left:800px;">&nbsp;</div>
    <div class="grid" style="left:880px;">&nbsp;</div>
  </div>
</body>
</html>